/* Settings changes */
.SettingsMenu {
  background-color: #000000;
  border: 3px solid #ffffff;
  border-radius: 1rem;
  box-shadow: .2rem .25rem 0 rgb(255 255 255 / 0%)
}

.SettingsMenuLeft {
  background-color: #000000;
}

.ActiveSettingsSectionTitle{
  background-color: #000000;
  border-bottom: 0px solid #000000;
  border-bottom-width: 0px;
  border-top: 0px solid #000000;
  color: #00f1ff;
}
.SettingsSectionTitle:hover{
  background-color: #000000;
  border-bottom: 0px solid #000000;
  border-top: 0px solid #000000;
  color: #000000;
}

.ShopBody {
  background-color: rgb(0 42 119 / 14%);
  border: 1px solid #ffffff;
}

.ShopSidebarMenu {
  background-color: rgb(0, 0, 0);
  border: 0px solid #ffffff;
}

.SidebarMenu {
  background-color: rgb(0, 0, 0);
  border: 0px solid #ffffff;
}

.ShopItemHeaderDiv {
  background-color: rgb(0, 0, 0);
  border: 0px solid #ffffff;
}

.ShopItem {
  background-color: rgb(0, 0, 0);
  border: 0px solid #ffffff;
}

.SelectedShopItem {
  background-color: rgb(0, 0, 0);
  border: 0px solid #ffffff;
}

.ActiveSidebarMenuTitleTitle {
  background-color: #000000;
  color: #ffffff;
}

.ShopItemHeaderDiv {
  background-color: #000000;
}

.ActiveSidebarMenuTitleTitle {
  border-bottom: 1px solid var(#ffffff);
  border-top: 1px solid var(#ffffff);
}

.ActiveSettingsSectionTitle {
  border-bottom: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
}

body {
  --primary-1: #ffffff;
  --primary-2: #ffffff;
  --primary-3: #ffffff;
  --primary-4: #ffffff;
  --primary-5: #ffffff;
}

.SelectedItemHeaderDiv {
  background-color: #000000;
}

.Inventory {
  background-color: rgb(76, 76, 76);
  border: 0px solid;
  box-shadow: .2rem .25rem 0 rgba(255, 255, 255, 0.764);
}

.InvenItem {
  background-color: rgb(76, 76, 76);
  border-color: rgb(255, 255, 255);
}

.CharCustomisation {
  background-color: #000000;
  border: 3px solid #ffffff;
  border-radius: 1.35rem;
  box-shadow: .2rem .25rem 0 rgba(255, 255, 255, 0.71);
}

.CharCustomisation {
  background-color: #000000;
}